<template>
    <div class="app-container">
        <!-- :stretch="true"  选项卡平铺 -->
        <el-tabs v-model="outpFeesActive" style="height: 100%;">
            <el-tab-pane name="0" label="患者住院登记" style="height: 100%;overflow-y: auto;">
                <pat-visit-index-form />
            </el-tab-pane>
            <el-tab-pane name="1" label="患者住院登记查询" style="height: 100%;overflow-y: auto;">
                <pat-visit />
            </el-tab-pane>
<!--            <el-tab-pane name="2" label="预交金" style="height: 100%;overflow-y: auto;">-->
<!--            </el-tab-pane>-->
<!--            <el-tab-pane name="3" label="出院结算">-->
<!--            </el-tab-pane>-->
<!--            <el-tab-pane name="4" label="Role">Role</el-tab-pane>-->
<!--            <el-tab-pane name="5" label="Task">Task</el-tab-pane>-->
        </el-tabs>
    </div>
</template>


<script lang="ts">
export default {
    name: "CheckIn"
}
</script>
<script setup lang="ts">
import patVisitIndexForm from '@/views/hospitalization/patVisitIndex/patVisitIndexForm.vue';
import patVisitIndexTable from '@/views/hospitalization/patVisitIndex/table.vue'
import patVisit from '@/views/hospitalization/patVisit/index.vue'
const { proxy } = getCurrentInstance() as any;
const outpFeesActive = ref('0')
</script>

<style scoped>
:deep(.el-tabs__item) {
    min-width: 200px;
    height: 30px;
}

:deep(.el-tabs__content) {
    height: calc(100% - 30px);
}

:deep(.el-tabs__nav-scroll) {
    background-color: #ffffff;
}

:deep(.el-tabs__header) {
    margin: 0 0 0px;
    box-shadow: 0 0 18px 0 #878787;
}
</style>
